@import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,600i,700,700i,900.css");
html,body{ background-color:#fff; font-size:100%; font-family: 'Titillium Web', sans-serif; color:#333; margin:0px 0px; padding:0px 0px;width:100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
table,input,select{font-family: 'Titillium Web', sans-serif; }
ul,li,ol,dl,dt,dd,label,form,image,h1,h2,h3,h4,h5,h6,a{ border:none; padding:0px 0px; margin:0px 0px; list-style:none;}
a{ text-decoration:none; color:#333;}
#loadingbox{z-index:999;_position:absolute;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(60%,60%,60%,0.7);}#loadingbox div{position:absolute;top:50%;left:50%;}#loadingbox div img{margin-left:-16px;margin-top:-16px;}
.menubigbg{width:100%; background-color:rgba(60%,60%,60%,0.4);position:fixed; top:0px; right:-100%; z-index:10; height:100%; overflow:hidden;}
.closebtn{ position:fixed; width:24px; top:8px; right:5px; padding:8px 8px; height:24px;
	display: none; cursor:pointer;
	background-image: url(/images/navbtn_close.png);
	background-repeat: no-repeat;
	background-position: center center; z-index:12;
}
.navbtn{ position:fixed; width:24px;top:8px; right:5px; padding:8px 8px; height:24px;
	display: none; cursor:pointer;
	background-image: url(/images/navbtn_menu.png);
	background-repeat: no-repeat;
	background-position: center center;z-index:12;
}
.topwarp{ background-color:#fff; height:70px; position:fixed; z-index:11; top:0px; left:0px; width:100%;box-shadow: 0px 5px 10px #ddd;}
.top{ max-width:1200px; margin:0px auto; position:relative;}
.logo{
	max-width: 200px; margin-left:5px;
	float: left; height:35px; padding-top:17px;
}
.logo a{ display:block; width:100%; height:100%;}
.logo img{width:100%; vertical-align:bottom;}
.search{ position:absolute; z-index:9; right:0px; top:0px;}
#searform{ position:relative;}
.search input.seartxt{ border:1px solid #0a6482; height:28px; margin:0px 0px; padding:0px 0px; width:0px; display:none; position:absolute; right:30px; top:0px;}
.search input.searbtn{ width:30px; height:30px;	background-image: url(/images/searbtn.png);	background-repeat: no-repeat;margin:0px 0px; padding:0px 0px; border:none; position:absolute; top:0px; right:0px;}
.nav{ font-size:1.1em; float:right;}
.nav ul{ padding-top:30px;}
.nav ul li{  float:left; height:40px; position:relative;}
.nav ul li a{ display:block; color:#666; float:left; padding:0px 15px 10px 15px; height:20px;}
.nav ul li a:hover{ color:#0a6482;}

.nav ul li.big{
	background-image: url(/images/down.png);
	background-position: center 25px;
	background-repeat: no-repeat;
}
.nav ul li.down{background-image: url(/images/up.png);}
.nav ul li a.bigc{
	background-image: url(/images/right.png);
	background-position: right 5px; background-repeat:no-repeat;
}
.nav ul li dl{ display:none; position:absolute; top:40px; width:200%; left:-50%; font-size:0.9em; background-color:#fff; padding:15px 0px;}
.nav ul li dl dd{ width:100%; position:relative;}
.nav ul li dl dd a{ float:none; height:auto; line-height:20px;}
.nav ul li dl dd dl{ position:absolute;top:-15px; left:100%; width:100%;}


.footwarp{ clear:both;width:96%; padding:20px 2%; text-align:center; background-color:#585858; color:#fff; font-size:0.85em;}
.footwarp a{ color:#fff; text-decoration:underline;}
.footer{ max-width:1200px; margin:0px auto;}
.footer:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
.footer dl{ width:31.333%; margin:0px 1%; float:left; text-align:left;}
.footer dl dt{ font-size:1.2em; border-bottom:1px solid #999;}
.footer dl dd{ padding:3px 0px; margin-top:5px;}
.footer dl dd a{ display:block;}
.nnav{ background-color:#f1f1f1; padding:10px 1%;}
.nnav a{ text-decoration:underline; color:#0a6482;}
.nnav a:hover{ text-decoration:none;}
.copyright{ max-width:1200px; margin:0px auto; padding:10px 0px; font-size:0.9em;}
.email a{ padding:5px 5px; line-height:24px; font-size:1.1em;
	background-image: url(/images/emailico.png);
	background-repeat: no-repeat;
	background-position: left 10px; padding-left:26px;
}
.email a:hover{ text-decoration:none;}
h3.choose{margin-left:1%; margin-top:40px;}
h3.choose span{ color:#333;padding:15px 10px;}
ul.stylelist{ width:98%;  margin:0px 1%;}
ul.stylelist:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.hotpbg ul.stylelist li{ margin:10px 0px; width:100%;}
.hotpbg ul.stylelist li a{display: block;
    background-color: #f2f2f2;
    box-shadow: 0px 5px 10px #aaa;
    padding: 15px 50px;
    color: #333;
    text-decoration: none;
    background-image: url(/images/stylebg.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;}
ul.stylelist li a:hover{background-color: #0a6482; color:#fff;}

ul.sharelink{width:216px; margin:0px auto;}
ul.sharelink:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
ul.sharelink li{ float:left; width:36px; height:36px;}
ul.sharelink li a{
	display: block;text-indent: -9999px;
	width: 100%;
	height: 100%;
	background-image: url(/images/sharelinkico.png);
	background-repeat: no-repeat;
}
ul.sharelink li a.f{
	background-position: 0px 0px;
}
ul.sharelink li a.f:hover{
	background-position: -36px 0px;
}
ul.sharelink li a.t{
	background-position: 0px -36px;
}
ul.sharelink li a.t:hover{
	background-position: -36px -36px;
}
ul.sharelink li a.g{
	background-position: 0px -72px;
}
ul.sharelink li a.g:hover{
	background-position: -36px -72px;
}
ul.sharelink li a.y{
	background-position: 0px -108px;
}
ul.sharelink li a.y:hover{
	background-position: -36px -108px;
}
ul.sharelink li a.s{
	background-position: 0px -144px;
}
ul.sharelink li a.s:hover{
	background-position: -36px -144px;
}
ul.sharelink li a.gram{
	background-position: 0px -180px;
}
ul.sharelink li a.gram:hover{
	background-position: -36px -180px;
}

ul.sharelink li a.in{
	background-position: 0px -216px;
}
ul.sharelink li a.in:hover{
	background-position: -36px -216px;
}
.ce_bar{position:fixed;z-index:990;right:5px;bottom:100px; width:40px;}
.ce_bar_bottom{ bottom:0px; left:0px; top:auto; height:40px; width:100%;}
.ce_bar ul li{
	width: 40px;
	height: 40px; position:relative;
	background-color: #f57900;
	 margin-top:1px;
}
.ce_bar ul li div.sve{ position:absolute; right:40px; top:0px; display:none; background-color:#fff; width:180px; padding:0px 9px; height:38px; line-height:38px; border:1px solid #f57900;}
.ce_bar ul li div.sharethis-inline-share-buttons{right:-10000px; display:block;}
.ce_bar ul li div.s_div_b{ position:fixed; z-index:991; width:0px; top:auto; padding:5px 14% 0px 0px; bottom:0px; height:35px; left:0px; border:none;}
.ce_bar ul li div.s_div_b span{ position:absolute; display:block; top:0px; width:14%; border-left:1px solid #333; right:0px; text-align:center; font-size:1.6em; font-weight:bold;}
.ce_bar_bottom ul li{ width:16.666%; float:left;}

.ce_bar ul li a.hg{ width:100%; height:100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/images/bar_ico.png);
}
.ce_bar ul li a.hg:hover{background-image: url(/images/bar_ico_hover.png);}
.ce_bar ul li a.bar_email{ background-position:center 0px;}
.ce_bar ul li a.bar_skype{ background-position:center -40px;}
.ce_bar ul li a.bar_whatsapp{ background-position:center -80px;}
.ce_bar ul li a.bar_tel{ background-position:center -120px;}
.ce_bar ul li a.bar_share{ background-position:center -200px;}
.ce_bar ul li a.bar_inquiry{ background-position:center -160px;}
.bottom_tools{position:fixed;z-index:990;right:5px;bottom:20px;}
.bottom_tools>*{font:0/0;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
#scrollUp{width:40px;height:40px;background:url(/images/gotop.png) no-repeat;display:none;}
@media (max-width:900px)
{.topwarp{ height:56px;}
.logo{ max-width:160px;}
.footwarp{ }
.nav{position:fixed; right:-100%; top:56px; width:70%; height:100%; background-color:#fff;  z-index:11; font-size:0.9em;}
.navbtn{ display:block;}
.nav ul li{ height:auto;  width:96%; margin:0px 2%; float:none; position:static; border-bottom:1px solid #999; font-weight:lighter; padding:0px 0px;}
.nav ul li a{ float:none; line-height:30px; padding:8px 0px; margin:0px 0px;}
.nav ul li a:hover{ background-color:transparent; color:#333; background-image:none;}
.nav ul li.big{ background-position:right 20px;}
.nav ul li dl{ position:static; width:98%; margin-left:2%;}
.nav ul li dl a{ line-height:20px; height:auto;}
.nav ul li dl dd dl{ position:static; width:100%;}
.nav ul li a.bigc{
	background-image: url(/images/down.png);
	background-position: right 10px; background-repeat:no-repeat;
}
.search{ top:13px; right:45px;}
dl.btyleproduct dt{ cursor:pointer;
	background-image: url(/images/plus.png);
	background-repeat: no-repeat;
	background-position: right center; border-bottom:1px dotted #999;
}
dl.btyleproduct dt.up{background-image: url(/images/sub.png);}
dl.btyleproduct dd{ display:none; margin:5px 10px;}
	}
@media (max-width:600px)
{
.footer dl{ float:none; width:96%; margin:20px 2%; cursor:pointer;}
.footer dl dt{
	background-image: url(/images/plus.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.footer dl dt.sub{background-image: url(/images/sub.png);}
.footer dl dd{ display:none;}	
}